<script setup>
import {ref, reactive, computed} from "vue";

// 引入
import {useStore} from "vuex";
// 创建
const store = useStore();

// 没有保留状态的响应式
const isLogin = ref(store.state.user.isLogin);

// 保留了状态的响应式
const isLoginC = computed(()=>store.state.user.isLogin);

// 查看
// console.log(store);
// 使用user模块内的状态
// console.log(store.state.user.isLogin);

</script>

<template>
  <div class="about">
    <p>当前的登录状态为：{{store.state.user.isLogin}}</p>
    <p>当前的登录状态为：{{isLogin}}</p>
    <p>当前的登录状态为：{{isLoginC}}</p>
  </div>
</template>

<style>
</style>
